/*

Theme Name: Tutorial9 Genesis

Theme URI: http://www.tutorial9.net/

Description: Tutorial9 Official Theme

Author: David Leggett

Author URI: http://www.greycobra.com/

Version: 1.0

*/



body {

  margin:0px;

  text-align:center;

  font-family:Helvectica, Arial, "Trebuchet MS", sans-serif;

  background:#16171a;

}

#masthead h1 {

  margin:0px;

  display:block;

  height:124px;

  width:516px;

  background:url(../img/banner.jpg) no-repeat;

  text-indent:-1000em;

}

a img {

  border:0px;

}

.wrapper {

  text-align:left;

  margin:0 auto;

  width:970px;

}

#masthead {

  background:url(../img/masthead_bg.gif) repeat-x;

  height:124px;

}

.clear {

  clear:both;

}

/* Horizontal Navigation */

#hnav {

  background:#4e8bd1 url(../img/hnav_bg.gif) repeat-x;

  height:35px;

}

#hnav ul {

  margin:0px;

  padding-left:25px;

}

#hnav .wrapper {

  background:url(../img/hnav_wide_bg.jpg) no-repeat;

  height:35px;

}

#hnav li {

  display:inline;


  line-height:35px;

}

#hnav li a {

  font-size:16px;

  font-weight:bold;

  color:#FFF;

  text-decoration:none;

}

#hnav li a:hover {

  color:#000;

}

/* Main Content */

#content-layout {

  background:#fff url(../img/content_bg.gif) repeat-x;

}

#content-layout .wrapper {

  background:url(../img/side_bg.gif) right repeat-y;

  padding-bottom:30px;

}

#plainpage #content-layout .wrapper {

  background:#fff url(../img/content_bg.gif) repeat-x;

  padding-bottom:30px;

}

#plainpage #main-content {

  width:500px;

}

#main-content {

  padding-top:30px;

  float:left;

  width:604px;

}

.postleft {

  width:150px;

  float:left;

  margin-right:15px;

}

.postright {

  width:393px;

  float:right;

}

#main.full {

  color:#222;

  padding:18px;

}

#main.single {

  padding:0px;

}

/* #main .postright {

  width:429px;

} */

#main .post {

  padding-bottom:30px;

  border-bottom:1px solid #eee;

  margin-bottom:30px;

}

.single .entry img {

  background:#f5f5f5;

  border:1px solid #ddd;

  padding:3px;

  margin-bottom:15px;

}

.aligncenter {

  margin:0 auto;

}

.single .rolloverimage591 img {

  background:fff;

  border:none;

  padding:0px;

  margin:0px;

}

.single .rolloverimage664 img {

  background:fff;

  border:none;

  padding:0px;

  margin:0px;

}

.thumb {

  border:5px solid #1d2127;

}

.post small {

  font-size:.7em;

}

.entry p {

  font-size:.85em;

  line-height:1.5em;

}

.entry ul, .entry ol {

  font-size:.85em;

}

.entry li {

  line-height:1.7em;

}

.single .entry p {

  line-height:1.6em;

}

.author {

  line-height:1.6em;

  font-family:Georgia;

  color:#555;

}  

.alignleft {

  float:left;

  margin-right:15px;

  margin-bottom:10px;

}  

.alignright {

  float:right;

  margin-left:15px;

  margin-bottom:10px;

}

.single .tip,.single .caution,.single .note,.single .info {

  font-size:.85em;

  line-height:1.6em;

  padding:20px 20px 20px 135px;

  display:block;

  margin:10px 0px;

  font-style:italic;

  color:#444;

  clear:both;

}

.single .tip h4,.single .caution h4,.single .note h4,.single .info h4 {

  margin:0px;

  text-decoration:underline;

}

.single .tip p,.single .caution p,.single .note p,.single .info p {

  font-size:1em;

}

.single .tip {

  background:#ffffcc url(../img/tip.gif) left top no-repeat;

}

.single .caution {

  background:#fff1f1 url(../img/caution.gif) left top no-repeat;

}

.single .note {

  background:#eff6ff url(../img/note.gif) left top no-repeat;

}

.single .info {

  background:#f5f5f5 url(../img/moreinfo.gif) left top no-repeat;

  padding-left:140px;

}

.single .spacer {

  height:100px;

}

.postmetadata, #featured .postmetadata {

  margin-bottom:15px;

}

p.title {

  font-size:1.3em;

  font-family:Georgia;

  color:#286dbf;

  margin-bottom:0px;

  padding-left:2px;

  border-bottom:3px solid #d6e8fc;

}

.single h3, #respond, .entry .term {

  clear:both;

  font-size:1.3em;

  font-family:Georgia;

  color:#286dbf;

  margin-bottom:0px;

  padding-left:2px;

  border-bottom:3px solid #d6e8fc;

  font-weight:normal;

}

.entry .definition {

  margin-top:10px;

  margin-bottom:20px;

}

.rolloverimage591 a {

  display:block;

  width:591px;

  overflow:hidden;

}

.rolloverimage591 {

  padding:5px 5px 30px 5px;

  margin-bottom:15px;

  border:1px solid #111;

  background:#222 url(../img/rollover.gif) bottom left no-repeat;

  width:591px;

}

.rolloverimage591 a:hover {

  display:block;

  text-indent:-591px;

}

.rolloverimage664 a {

  display:block;

  width:332px;

  overflow:hidden;

}

.rolloverimage664 {

  padding:5px 5px 30px 5px;

  margin-bottom:15px;

  border:1px solid #111;

  background:#222 url(../img/rollover.gif) bottom left no-repeat;

  width:332px;

}

.rolloverimage664 a:hover {

  display:block;

  text-indent:-332px;

}

/* Comments */

.commentcloud {

  display:block;

  width:45px;

  height:40px;

  float:right;

  text-align:center;

}

.commentcloud a {

  background:url(../img/comments.gif) no-repeat;

  color:#aaa;

  font-size:1.1em;

  line-height:35px;

  height:36px;

  text-decoration:none;

  display:block;

}

.commentcloud a:hover {

  color:#222;

  background:url(../img/comments_h.gif) no-repeat;

  text-decoration:none;

}

/* Featured Tutorial Block, Main Block */

#featured {

  background:#dbf0ff url(../img/featured_bg.gif) bottom right no-repeat;

  padding:15px;

  border:3px dotted #c9e9ff;

  color:#202328;

  margin-bottom:30px;

}

#featured strong {

  font-style:italic;

}

#featured h2 {

  margin:0px;

}

#featured p, #main.full p {

  margin:0px;

}

#featured .postmetadata {

  color:#333;

}

#main .postmetadata {

  color:#888;

  background:#e7f0fb;

  padding:0px 5px 4px 5px;

  display:inline;

}

#main h2 {

  margin:0 0 3px 0;

}

#main .entry {

  margin-top:15px;

}

#featured a {

  color:#333;

} 

#featured a:hover {

  color:#16171a;

}

#main .postmetadata a {

  color:#444;

  text-decoration:none;

}

#main .postmetadata a:hover {

  color:#222;

  text-decoration:underline;

}

#featured h2 a {

  color:#17386f;

  text-decoration:none;

}

#main h2 a {

  color:#001734;

  text-decoration:none;

}

#main h2 a:hover {

  text-decoration:underline;

}  

#featured .entry a {

  color:#17386f;

}

#featured .entry a:hover {

  color:#16171a;

}

#main .entry a, .author a {

  color:#579be8;

  text-decoration:none;

}



#main .entry a:hover, .author a:hover {

  text-decoration:underline;

}

#featured .commentcloud a {

  background:url(../img/featured_comments.gif) no-repeat;

  color:#777;

}

#featured .commentcloud a:hover {

  background:url(../img/featured_comments_h.gif) no-repeat;

  color:#222;

}

/* Post Nav */

.postnavigation {

  font-weight:bold;

  font-size:.8em;

  display:block;

}

.alignleft a, .alignright a {

  background:#f5f5f5;

  border-top:1px solid #f9f9f9;

  border-bottom:1px solid #e2e2e2;

  border-left:1px solid #f7f7f7;

  border-right:1px solid #e6e6e6;

  padding:2px 10px;

  color:#777;

  text-decoration:none;

  width:100px;

  text-align:center;

  font-size:.8em;

}

.alignleft {

  float:left;

}

.alignright {

  float:right;

}

.full .spacer {

  height:15px;

  display:block;

}

  



/* Sidebar */

#plainpage #sidebar {

  width:400px;

  margin-top:45px;

}

#plainpage #sidebar ul {

  background:#eee;

  padding:20px;

  margin:20px 0px;

}

#sidebar {

  width:352px;

  overflow:hidden;

  float:right;

  color:#fff;

  font-size:.85em;

}

#sidebar a {

  color:#579be8;

}

#sidebar a:hover {

  color:#fff;

}

#plainpage #sidebar a:hover {

  color:#444;

}

#sidetop {

  background:url(../img/side_top.jpg) top no-repeat;

  padding:30px 15px 20px 15px;

}

#sidetop form {

  width:195px;

}

#sidetop form p {

  margin:10px 0px 0px 0px;

}

#sidetop input {

  height:25px;

  font-weight:bold;

  font-size:1.1em;

  padding:0px;

  margin:0px;

}

#sidetop input.email {

  height:19px;

  width:140px;

  display:block;

  float:left;

  border:2px solid #5d6884;

  border-right:none;

  background:#fff;

  color:#222;

  padding-top:3px;

  padding-left:5px;

  padding-right:5px;

}

#sidetop input.submit {

width:35px;

background:#3f4962;

  border-top:1px #5a688c solid;

  border-left:1px #5a688c solid;

  border-right:1px #2c3344 solid;

  border-bottom:1px #2c3344 solid;

color:#fff;

}

#sidetop p {

  margin-top:5px;

}

#sidetop .info {

  background:url(../img/subscribe_text.gif) left top no-repeat;

  margin:0px;

  padding-top:20px;

  float:right;

  width:195px;

}

#sidetop img {

  margin-right:15px;

}

#sidetop p.stats {

  width:195px;

  float:right;

  margin:10px 0px 0px 0px;



}

#school {

  text-indent:-1000em;

  background:url(../img/school_of_photoshop_banner.jpg) no-repeat;

  width:352px;

  height:108px;

  display:block;

}

#sidebar .blue {

  background:url(../img/sidebar_blue.gif) repeat-y;

  font-size:1.3em;

  font-weight:bold;

  width:352px;

  display:block;

  text-align:right;

  clear:both;

}

#sidebar .blue a {

  color:#FFF;

  text-decoration:none;

  line-height:2.7em;

  margin:0 15px;

}

#sidebar .blue a:hover {

  color:#000;

}

#sidebar ul.cats {

  list-style:none;

  margin:0 15px;

  padding:1em 0;

}

#sidebar ul.cats li {

  display:block;

  float:left;

  margin-right:10px;

  line-height:3em;

  width:97px;

}

#sidebar ul.cats a {

  color:#fff;

  font-size:.9em;

  text-decoration:none;

  font-weight:bold;

}

#sidebar ul.cats a:hover {

  color:#579be8;

}

#sidebar .spacer {

  clear:both;

  height:15px;

  display:block;

}

.greybox {

  background:url(../img/sidebar_greybox.gif) no-repeat;

  width:310px;

  margin:20px;

  padding:1px;

}

.greybox .definition {

  font-size:.95em;

  width:205px;

  font-style:italic;

  line-height:1.4em;

  float:right;

  margin-right:10px;

  margin-bottom:60px;

}

h3.term {

  text-indent:-1000em;

  display:block;

  width:75px;

  height:54px;

  background:url(../img/daily_term.gif) no-repeat;

  margin:5px 15px 5px 5px;

  float:left;

}

.greybox .term {

  color:#579be8;

  font-weight:bold;

  font-size:1.1em;

  margin:15px 10px 10px 10px;

}

/* Spacing */

.spacer {

  margin-top:15px;

}

.entry .spacer3 {

  margin-top:20px;

  padding-top:5px;

  border-top:1px solid #eee;

}

.spacer4 {

  padding-top:30px;

}

.spacer2 {

  margin:20px 15px 15px 15px;

}

.lt {

  float:left;

  margin-right:15px;

}

.rt {

  float:right;

  margin-left:15px;

}

#plainpage #ftop {

  background:#fff url(../img/footer-top2.jpg) center no-repeat;

  height:20px;

}

#ftop {

  background:#fff url(../img/footer-top.jpg) center no-repeat;

  height:20px;

}

#footer {

  height:300px;

  background:#16171a;

}

#footer .wrapper {

  background:url(../img/footer-bottom.jpg) top right no-repeat;

  color:#fff;

}

#footer .list {

  float:left;

  margin-top:50px;

  padding-right:18px;

  margin-left:18px;

  list-style-type:none;

}

#footer .list h3 {

  font-family:Georgia, Helvetica, Arial;

  font-weight:normal;

  margin:10px 0px;

}

#footer ul {

  list-style-type:none;

  margin:0px 0px 0px 10px;

  padding:0px;

  font-family:Verdana, "Trebuchet MS", Arial;

}

#footer li a {

  color:#99c2ed;

  display:block;

  width:11em;

  padding:0px 5px;

  line-height:1.7em;

  font-size:.75em;

  text-decoration:none;

}

#footer li a:hover {

  color:#fff;

}

.copyright {

  clear:both;

  padding-top:50px;

  margin-bottom:15px;

  text-align:center;

  color:#393e4e;

  font-family:Verdana, "Trebuchet MS";

  font-size:.7em;

}

.copyright a {

  color:#474f67;

}

/* Commentlist */

ol.commentlist {

  list-style:none;

  padding:0px;

  margin:0px;

  font-size:.9em;

}

.commentlist li {

  width:604px;

  background:#e7f0fb url(../img/comment_bg.gif) repeat-y;

  margin-bottom:15px;

}

.ctop {

  display:block;

  height:21px;

  background:url(../img/comment_top.png) no-repeat;

}

.cbottom {

  display:block;

  height:5px;

  background:url(../img/comment_bottom.gif) bottom no-repeat;

}

.thecomment {

  background:#fcfdff;

  padding:5px 15px;

  margin:15px 15px 10px 15px;

  font-family:Georgia;

  color:#444;

}

.cleft {

  margin:10px 0px 0px 15px;

  float:left;

  width:50px;

}

.cleft img {

  width:50px;

  height:50px;

}  

.cright {

  margin:10px 15px 0px 0px;

  width:511px;

  float:right;

}

.cright cite {

  color:#222;

  font-size:1.7em;

}

.cright cite a {

  color:#286dbf;

  text-decoration:none;

}

.cright cite a:hover {

  text-decoration:underline;

}  

.cright small a {

  display:block;

  color:#555;

  font-style:italic;

  text-decoration:none;

}

.karma {

  display:block;

  float:right;

}  

label small {

  color:#444;

}

#comment {

  width:600px;

  height:200px;

}

#submitcomment {

  width:604px;

  font-size:1.2em;

  padding:10px;

}

#s {

  background:#313539;

  border:2px solid #1b1b1b;

  padding:3px;

  width:240px;

  color:#fff;

}

#searchsubmit {

  background:#1b1b1b;

  border:0px;

  color:#fff;

  font-weight:bold;

  padding:3px 5px;

}

#searchform {

  position:absolute;

  margin-left:633px;

  top:50px;

}

.adblock {

  float:left;

  margin:0px 0px 23px 23px;

}

.bigadblock {

  margin:0px 0px 15px 10px;

}

#ads {

  /* border:1px solid #26272b;

  background:#1d1e22;

  padding:10px 10px 0px 0px; */

  margin:15px;

}

#ads p {

  text-align:right;

  font-weight:bold;

}

#ads a {

  color:#31333c;

}  

.bannerad {

  display:block;

  text-align:center;

}

/*Contact Form */

#contactform {

  background:#e7f0fb;

  border:2px solid #d7e7fa;

  padding:15px;

}

#contactform p {

  font-size:.9em;

  font-style:italic;

}

#contactform label {

  color:#222;

  font-size:1.1em;

  font-weight:bold;

  margin:15px 0px 5px 0px;

  display:block;

}

#contactform input, #contactform textarea {

  margin-top:15px;

}

span.buymebeer {

  display:block;

  text-align:center;

  margin-top:15px;

}

.buymebeer a {

  display:block;

  width:50px;

  height:50px;

  margin:0 auto;

  background:url(../img/donation.gif) center center no-repeat;

  text-indent:-1000em;

}

/* Share it */

#share {

  background:#57a4fb;

  padding:20px;

  clear:both;

}

.digg {

  float:left;

  width:51px;

  background:#fff;

  padding:5px;

  border:3px solid #81bcff;

  margin-top:4px;

}

.sharelinks {

  width:480px;

  float:right;

  background:url(../img/share-this.gif) top left no-repeat;

  padding-top:30px;

}

.sharelinks ul {

  list-style:none;

  margin:0px;

  padding:0px;

}

.sharelinks p {

  margin:0px 0px 10px 0px;

  color:#fff;

}

.sharelinks li {

  float:left;

  margin-right:25px;

}

.sharelinks ul li a {

  color:#fff !important;

  font-weight:bold;

}

.directad {

  margin-left:0px;

  margin-bottom:15px;

}

.premad .imgborder {
  margin-bottom:15px;
}
.standardad {
  margin-top:25px;
}
.standardad .imgborder {
  float:left;
  margin-right:15px;
}
.tlu {

  display:block;

  margin-bottom:15px;

}

.adinpost {

  text-align:center;

  padding:20px;

  background:url(../img/sponsored.gif) bottom right no-repeat;

}

.pluginpost {

  text-align:center;

  padding:20px;

  display:block;

}

.adbetweenpost {

  text-align:center;

  padding-bottom:40px;

  margin-bottom:40px;

  border-bottom:1px solid #eee;

  background:url(../img/sponsored.gif) bottom right no-repeat;

}

.admain {

  text-align:center;

  margin-bottom:40px;

}

.belowad {

  float:left;

  margin-left:15px;

  width:125px;

  height:125px;

}

h4.related {

  margin-bottom:10px;

  font-size:.9em;

  color:#222;

  margin-top:0px;

}

#similarposts {

  list-style:none;

  font-size:.8em;

  margin:0px;

  padding:0px;

}

#similarposts li {

margin-left:10px;

}

div.related {

  display:block;

  padding:15px;

  float:right;

  width:410px;

}

#schoolofps {

  background:#212121;

  padding:20px 20px 15px 20px;

  margin-bottom:2px;

  clear:both;

}

.prevg a {

  float:left;

  font-size:1px;

  text-indent:-1000em;

  background:url(../img/prev-grade.gif) left top no-repeat;

  width:145px;

  height:52px;

}

.prevg a:hover {

  background:url(../img/prev-grade.gif) right top no-repeat;

}

.sopssmall a {

  font-size:1px;

  float:left;

  margin-left:65px;

  text-indent:-1000em;

  background:url(../img/sops-small.gif) left top no-repeat;

  width:145px;

  height:59px;

}

.nextg a {

  float:right;

  font-size:1px;

  text-indent:-1000em;

  background:url(../img/next-grade.gif) left top no-repeat;

  width:145px;

  height:52px;

}

.nextg a:hover {

  background:url(../img/next-grade.gif) right top no-repeat;

}

.diggsmall {
  float:right;
}
.fed {
  display:none;
}